$(function () {
	(function () {
		$.ajax({
			url: "data/lun.json",
			dataTyle: "json",
			type: "get",
			success: function (e) {
				// console.log(e);
				$.each(e.data, function (i, obj) {
					// 背景路径
					$(".slideshow>ul").append(`<li><a href="javascript:;" style="background:url('${obj.url}')"></a></li>`);
					// 创建选项
					$(".slideshow>.xx").append(`
						<span>${ obj.title}</span>
					`)
				});
				// 最大序号  ==  轮播图图片的数量
				var maxSerialNumber = e.data.length - 1;
				var num = 0;
				// console.log(maxSerialNumber);
				// 功能
				// 1、初始化
				tab(0);

				function tab(index) {
					$("body>header>.slideshow>ul>li").eq(index).addClass("active").siblings().removeClass("active");
					$("body>header>.slideshow>.xx>span").eq(index).addClass("active").siblings().removeClass("active");
				};
				//2. 点击选项
				$("body>header>.slideshow>.xx>span").click(function () {
					tab($(this).index());
				});
				// 3.点击上一个按钮
				$("body>header>.slideshow>.anNiu>.icon-jiantou").click(function () {
					// console.log(this)
					num--;
					if (num < 0) {
						num = maxSerialNumber;
					}
					tab(num);
				});
				// 4.点击下一个
				$("body>header>.slideshow>.anNiu>.icon-jiantou1").click(function () {
					// console.log(this)
					num++;
					if (num > maxSerialNumber) {
						num = 0;
					}
					tab(num);
				});
				// 5.自动轮播
				var timer =null;
				// console.log(timer);
				timer =setInterval(function () {
						$("body>header>.slideshow>.anNiu>.icon-jiantou1").click();
				},5000)
			}
		});
		
	})();
})